<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
  <head th:include="/system/com/header :: header">

  </head>
  <body>
    <header class="header">
<!--      顶部菜单-->
      <nav class="navbar navbar-expand-lg" th:include="/system/com/topBar :: topBar"></nav>
    </header>
	<!-- 左边栏 -->
    <div class="d-flex align-items-stretch">
      <!-- Sidebar Navigation-->
      <nav id="sidebar" th:include="/system/com/leftBar :: leftBar"></nav>
	  <!-- 左边栏结束 -->
      <!-- Sidebar Navigation end-->
      <div class="page-content">
        <div class="page-header">
          <div class="container-fluid">
            <h2 class="h5 no-margin-bottom">统计平台</h2>
          </div>
        </div>
        <section class="no-padding-top no-padding-bottom">
          <div class="container-fluid" th:each="eo : ${log}">
            <div class="row">
              <span style="font-size: 14px;margin-left: 50px;margin-bottom: 20px;" th:text="${eo.starBookTime} + '  更新数据'"></span>
            </div>
            <div class="row">
              <div class="col-md-3 col-sm-6">
                <div class="statistic-block block">
                  <div class="progress-details d-flex align-items-end justify-content-between">
                    <div class="title">
                      <div class="icon"><i class="icon-user-1"></i></div><strong>用户统计</strong>
                    </div>
                    <div class="number dashtext-1" th:text="${eo.userCount}">27</div>
                  </div>
                  <div class="progress progress-template">
                    <div role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-template dashbg-1"></div>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-6">
                <div class="statistic-block block">
                  <div class="progress-details d-flex align-items-end justify-content-between">
                    <div class="title">
						<!-- icon-user-1 -->
                      <div class="icon"><i class="icon-paper-and-pencil"></i></div><strong>小说数量</strong>
                    </div>
                    <div class="number dashtext-2" th:text="${eo.bookCount}">375</div>
                  </div>
                  <div class="progress progress-template">
                    <div role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-template dashbg-2"></div>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-6">
                <div class="statistic-block block">
                  <div class="progress-details d-flex align-items-end justify-content-between">
                    <div class="title">
                      <div class="icon"><i class="icon-user-1"></i></div><strong>当前在线人数</strong>
                    </div>
                    <div class="number dashtext-3" th:text="${eo.userOnline}">140</div>
                  </div>
                  <div class="progress progress-template">
                    <div role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-template dashbg-3"></div>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-6">
                <div class="statistic-block block">
                  <div class="progress-details d-flex align-items-end justify-content-between">
                    <div class="title">
                      <div class="icon"><i class="icon-contract"></i></div><strong>昨日新增小说</strong>
                    </div>
                    <div class="number dashtext-4" th:text="${eo.bookCountAdd}">41</div>
                  </div>
                  <div class="progress progress-template">
                    <div role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-template dashbg-4"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        
		<!-- 排行榜 -->
        <section class="no-padding-bottom">
          <div class="container-fluid">
            <div class="row">
              <div class="col-lg-4" th:each="eo : ${users}">
                <div class="user-block block text-center">
                  <div class="avatar"><img th:src="@{${eo.userImgurl}}" alt="..." class="img-fluid">
                    <div class="order dashbg-2">1st</div>
                  </div><a href="#" class="user-title">
                    <h3 class="h5" th:text="${eo.userLoginname}">Richard Nevoreski</h3><span th:text="${'@'+eo.userName}">@richardnevo</span></a>
                  <div class="contributions" th:text="'积分：'+${eo.userIntegral}">950 Contributions</div>
                </div>
              </div>
            </div>
          </div>
        </section>
		<!-- 排行榜结束 -->
		<!--脚注-->
        <footer class="footer" th:include="/system/com/footBar :: footBar"></footer>
		<!--脚注-->
      </div>
    </div>
    <!-- JavaScript files-->
    <script th:src="@{/system/vendor/jquery/jquery.min.js}"></script>
    <script th:src="@{/system/vendor/popper.js/umd/popper.min.js}"> </script>
    <script th:src="@{/system/vendor/bootstrap/js/bootstrap.min.js}"></script>
    <script th:src="@{/system/vendor/jquery.cookie/jquery.cookie.js}"> </script>
    <script th:src="@{/system/vendor/chart.js/Chart.min.js}"></script>
    <script th:src="@{/system/vendor/jquery-validation/jquery.validate.min.js}"></script>
    <script th:src="@{/system/js/charts-home.js}"></script>
    <script th:src="@{/system/js/front.js}"></script>
  </body>
</html>